<!DOCTYPE html>
<html lang="cn" xmlns:th="http://www.thymeleaf.org">
<head th:replace="decorator :: common_header(~{::'title/text()'},~{::customHead})">
    <title>轮播图片管理</title>

    <!--/*/ <th:block th:fragment="customHead" > /*/-->
    <script src="lib/adminLTE/plugins/jQuery/jquery-2.2.3.min.js"></script>
    <link rel="stylesheet" type="text/css"
          href="lib/adminLTE/plugins/datatable/media/css/dataTables.bootstrap.min.css"/>

    <link rel="stylesheet" type="text/css"
          href="lib/adminLTE/plugins/datatable/extensions/Buttons/css/buttons.dataTables.min.css"/>
    <link rel="stylesheet" type="text/css"
          href="lib/adminLTE/plugins/datatable/extensions/Buttons/css/buttons.bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css"
          href="lib/adminLTE/plugins/datatable/extensions/Select/css/select.dataTables.min.css"/>
    <link rel="stylesheet" type="text/css"
          href="lib/adminLTE/plugins/datatable/extensions/Select/css/select.bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css"
          href="lib/adminLTE/plugins/dualListbox/bootstrap-duallistbox.min.css"/>
    <link rel="stylesheet" type="text/css"
          href="lib/dialog/bootstrap-dialog.min.css"/>
    <link rel="stylesheet" type="text/css"
          href="lib/adminLTE/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css"/>
    <link rel="stylesheet" type="text/css"
          href="lib/adminLTE/bootstrap-select/css/bootstrap-select.css"/>
</head>
<body th:replace="decorator :: common_body(~{::mainBody},~{::tailScript})">

<!-- 原型注释  -->
<!--/*/ <th:block th:fragment="mainBody" >  /*/-->

<div class="box box-primary search-box">
    <div class="box-header with-border">
        <h3 class="box-title">图片搜索</h3>
        <div class="box-tools pull-right">

        </div>
        <!-- /.box-tools -->
    </div>
    <!-- /.box-header -->
    <div class="box-body">
        <form class="search-form" action="carouselManage/carouselList">
            <input type="text" style="display: none"/>
            <div class="row">
                <div class="col-md-3"></div>
                <div class="col-md-2">
                    <div class="form-group">
                        <label for="user">上传者:</label>
                        <input id="user" name="name" type="text" placeholder="上传者"
                               class="form-control field"/>
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="form-group">
                        <label for="createStart">创建开始时间:</label>
                        <input id="createStart" name="createStart" type="text" placeholder="创建开始时间"
                               class="form-control field form_datetime"/>
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="form-group">
                        <label for="createEnd">创建结束时间:</label>
                        <input id="createEnd" name="createEnd" type="text" placeholder="创建结束时间"
                               class="form-control field form_datetime"/>
                    </div>
                </div>
                <!--<div class="col-md-2">
                    <div class="form-group">
                        <label for="status">状态:</label>
                        <select id="status" name="status" class="selectpicker show-tick form-control">
                            <option value="" selected="selected">不限</option>
                            <option value="USE">可用</option>
                            <option value="NOT_USE">不可用</option>
                        </select>
                    </div>
                </div>-->
            </div>
            <div class="row">
                <div class="col-md-4"></div>
                <div class="col-md-4">
                    <div class="form-group">
                        <button id="carouselSearchBtn" type="button" class="btn btn-primary btn-block btn-flat search-btn">搜索
                        </button>
                    </div>
                </div>
                <div class="col-md-4"></div>
            </div>
        </form>
    </div>
    <!-- /.box-body -->
</div>
<!-- /.box -->
<div class="box box-primary table-box hidden">
    <div class="box-header with-border">
        <h3 class="box-title">轮播图片管理</h3>
        <div class="box-tools pull-right">

        </div>
        <!-- /.box-tools -->
    </div>
    <!-- /.box-header -->
    <div class="box-body">
        <table class="table table-bordered table-hover data-view" width="100%">
            <thead>
            <tr>
                <th class="text-center text-nowrap">文档Id</th>
                <th class="text-center text-nowrap">上传者</th>
                <th class="text-center text-nowrap">云存储地址</th>
                <th class="text-center text-nowrap">云存储文件名</th>
                <th class="text-center text-nowrap">原文件名</th>

                <th class="text-center text-nowrap">文件大小</th>
                <th class="text-center text-nowrap">上传时间</th>
                <th class="text-center text-nowrap">状态</th>
            </tr>
            </thead>
            <tbody></tbody>
            <tfoot>
            <tr>
                <th class="text-center text-nowrap">文档Id</th>
                <th class="text-center text-nowrap">上传者</th>
                <th class="text-center text-nowrap">云存储地址</th>
                <th class="text-center text-nowrap">云存储文件名</th>
                <th class="text-center text-nowrap">原文件名</th>

                <th class="text-center text-nowrap">文件大小</th>
                <th class="text-center text-nowrap">上传时间</th>
                <th class="text-center text-nowrap">状态</th>
            </tr>
            </tfoot>
        </table>
    </div>
    <!-- /.box-body -->
</div>
<!-- /.box -->

<div class="modal fade edit-dialog update" role="dialog" aria-labelledby="编辑对话框">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                        aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">图片修改</h4>
            </div>
            <div class="modal-body">
                <form action="carouselManage/updateCarousel" id="editForm" class="form-edit update" method="post">
                    <input type="text" style="display: none"/>
                    <input id="id" name="id" type="text" style="display: none"/>
                    <div class="form-group">
                        <label class="control-label" for="name"><i class="fa"></i>上传者</label>
                        <input id="name" name="name" type="text" readonly unselectable="on"
                               class="form-control search-key" placeholder="用户名">
                    </div>
                    <div class="form-group">
                        <label class="control-label" for="originalFileName"><i class="fa"></i>原文件名</label>
                        <input id="originalFileName" name="originalFileName" type="text" readonly unselectable="on"
                               class="form-control search-key" placeholder="原文件名">
                    </div>
                    <div class="form-group">
                        <label class="control-label" for="localDateTime"><i class="fa"></i>上传时间</label>
                        <input id="localDateTime" name="localDateTime" type="text" readonly unselectable="on"
                               class="form-control search-key" placeholder="上传时间">
                    </div>
                    <span class="help-block"></span>
                    <!--<div class="form-group">
                        <label class="control-label" for="type"><i class="fa"></i>类型</label>
                        <select id="type" name="type" class="selectpicker show-tick form-control">

                        </select>
                    </div>-->
                    <div class="form-group">
                        <label class="control-label" for="status1"><i class="fa"></i>状态</label>
                        <select id="status1" name="status" class="selectpicker show-tick form-control">
                            <option value="USE">可用</option>
                            <option value="NOT_USE">不可用</option>
                        </select>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default cancel" data-dismiss="modal">取消</button>
                <button type="button" id="carouselEditBtn" class="btn btn-primary submit">提交</button>
            </div>
        </div>
    </div>
</div>

<!--/*/ </th:block > /*/-->

<!-- 原型注释  -->
<!--/*/ <th:block th:fragment="tailScript" > /*/-->
<script type="text/javascript"
        src="lib/adminLTE/plugins/datatable/media/js/jquery.dataTables.min.js"
></script>
<script type="text/javascript"
        src="lib/adminLTE/plugins/datatable/media/js/dataTables.bootstrap.min.js"></script>
<script type="text/javascript"
        src="lib/adminLTE/plugins/datatable/extensions/Buttons/js/dataTables.buttons.min.js"></script>
<script type="text/javascript"
        src="lib/adminLTE/plugins/datatable/extensions/Buttons/js/buttons.bootstrap.min.js"></script>
<script type="text/javascript"
        src="lib/adminLTE/plugins/datatable/extensions/Buttons/js/buttons.html5.min.js"></script>
<script type="text/javascript"
        src="lib/adminLTE/plugins/datatable/extensions/Select/js/dataTables.select.min.js"></script>
<script type="text/javascript"
        src="lib/adminLTE/plugins/dualListbox/jquery.bootstrap-duallistbox.min.js"></script>
<script type="text/javascript"
        src="lib/dialog/bootstrap-dialog.min.js"></script>
<script type="text/javascript" src="lib/adminLTE/bootstrap-datetimepicker/js/bootstrap-datetimepicker.js"></script>
<script type="text/javascript" src="lib/adminLTE/bootstrap-select/js/bootstrap-select.js"></script>

<!-- 自定义脚本开始 -->
<script type="text/javascript" src="js/util/commonUtils.js"></script>
<script type="text/javascript" src="js/carousel/carouselManage.js"></script>
<script type="text/javascript" src="js/util/alertResult.js"></script>

<!--/*/ </th:block>  /*/-->
</body>
</html>